<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>我的订单</title>
	<meta name="viewport" content="initial-scale=1, maximum-scale=1"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css"/>
	<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css"/>
<!-- 	<link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> -->
    <link rel="stylesheet" href="../static/weixin.css"/>
</head>
<body>
	<header class="bar bar-nav">
	  <h1 class="title">唐泽极充</h1>
	</header>
	<div class="content">
	  <div class="buttons-tab">
	    <a href="#tab2" class="tab-link button">可退换<font color='red'>${fn:length(toPayOrderLst)}</font></a>
	    <a href="#tab3" class="tab-link button">已退换<font color='red'>${fn:length(toPostOrderLst)}</font></a>
	  </div>
	  <div class="content-block clearposition">
	    <div class="tabs">
	      <div id="tab1" class="tab active">
			  <div class="list-block media-list clearposition">
			    <ul>
		    		<c:forEach items="${allOrderLst}" var="order">
		    		<li>
			          <div class="item-link item-content item-inner">
			            <div class="item-title-row">
			              <div class="item-title">唐泽极充&nbsp;型号${order.categoryName}</div>
			              <div class="item-after">￥${order.unitprice}*${order.num}</div>
			            </div>
			            <div class="item-text">收货地址:${order.addressinfo}</div>
			            <div class="item-title-row">
			              <div class="item-subtitle">收货人:${order.username}</div>
			              <div class="item-after">${order.userphone}</div>
			            </div>
			          </div>
			      	</li>
	              	</c:forEach>
			    </ul>
		    </div>
		   </div>
	      <div id="tab2" class="tab">
	        <div class="list-block media-list clearposition">
			    <ul>
		    		<c:forEach items="${toPayOrderLst}" var="order">
		    		<li>
			          <div class="item-link item-content item-inner">
			            <div class="item-title-row">
			              <div class="item-title">唐泽极充&nbsp;型号${order.categoryName}</div>
			              <div class="item-after">￥${order.unitprice}*${order.num}</div>
			            </div>
			            <div class="item-text">收货地址:${order.addressinfo}</div>
			            <div class="item-title-row">
			              <div class="item-subtitle">收货人:${order.username}</div>
			              <div class="item-after">${order.userphone}</div>
			            </div>
			          </div>
			      	</li>
	              	</c:forEach>
			    </ul>
		    </div>
	      </div>
	      
	      
	    </div>
	  </div>
	</div>
	  
	<script type='text/javascript'
		src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
	<script type='text/javascript'
		src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
	<script type='text/javascript'
		src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
	
	<script type="text/javascript">
		function doShowFriends()
		{
			self.location='http://www.baidu.com'; 
		}
	</script>

</body>
</html>